﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>API市场</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <script src="../fonts/iconfont.js"></script>
</head>
<body>
    <div class="index-page">
        <header class="pubstyle fixed_top">
        <div class="lfloat">
            <i class="iconfont icon-icon_home" style="font-size:20px;margin-left: 10px"></i>
            <span>企业LOGO</span>
        </div>
        <div class="rfloat">
            <ul>
                <li class="lfloat nonehov"><a href=""><i class="iconfont icon-search" style="margin-top:2px"></i></a></li>
                <li class="lfloat"><a href="index.html">返回首页</a></li>
                <li class="lfloat"><a href="">控制台</a></li>
                <li class="lfloat"><a href="UserCenter.html">用户中心</a></li>
                <li class="lfloat"><a href="service.html">服务商中心</a></li>
                <li class="lfloat"><a href="">登录</a></li>
                <li class="lfloat bgresign"><a href="">注册</a></li>
            </ul>
            <div class="clear"></div>
        </div>
    </header>
    <!-- 搜索部分 -->
    <div class="searchWrap fixed_search">
        <div class="centerWrap">
            <div class="searchContent">
                <div class="searchL">
                    <h1 style="font-weight: normal;font-size:40px">API市场</h1>
                    <span style="font-size:13px">支持两化融合，快速上云</span>
                </div>
                <div class="searchbox">
                    <form action="">
                        <input type="text" placeholder="请在此输入您需要的服务" />
                        <button><i class="iconfont icon-fangdajing"></i></button>
                    </form>
                    <a href="">病毒清除</a>&nbsp;|&nbsp;
                    <a href="">安全防护</a>&nbsp;|&nbsp;
                    <a href="">网站搬家</a>&nbsp;|&nbsp;
                    <a href="">数据库</a>&nbsp;|&nbsp;
                    <a href="">存储备份</a>&nbsp;|&nbsp;
                    <a href="">故障</a>&nbsp;|&nbsp;
                    <a href="">企业管理</a>
                </div>
                <div class="searchR">
                    <a href="">买家中心</a>
                    <span>
                        卖家中心<i><img src="../imgs/down1.png" alt="" /></i>
                        <ul class="downlist">
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </span>
                </div>
            </div>
            <ul class="navlist">
                <li class="navactive">
                    <a href="">API市场分类</a>
                    <ul class="downlist">
                        <li>
                            <a href="">金融理财</a> 
                            <a href="">股票行情</a> &nbsp;&nbsp;
                            <a href="">汇率查询转换</a>
                            <div class="rightlist">
                                <p>金融理财</p>
                                <ul class="rightlistm">
                                    <li>
                                        <span><a href="">股票行情</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">汇率查询转换</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">汇率查询转换</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">汇率查询转换</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">股票行情</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                </ul>
                                <ul class="rightlistf">
                                    <li id="sizeinit">
                                        <div>
                                            <span><img src="../imgs/faceid.png" alt=""></span>
                                        </div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="" class="red">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="">电子商务</a> 
                            <a href="">图像识别</a> &nbsp;&nbsp;
                            <a href="">数据可视化</a>
                            <div class="rightlist" style="top:-100px">
                                <p>电子商务</p>
                                <ul class="rightlistm">
                                    <li>
                                        <span><a href="">图像识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">数据可视化</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">数据可视化</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">数据可视化</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">图像识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                </ul>
                                <ul class="rightlistf">
                                    <li id="sizeinit">
                                        <div>
                                            <span><img src="../imgs/faceid.png" alt=""></span>
                                        </div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="" class="red">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="">人工智能</a> 
                            <a href="">人脸识别</a> &nbsp;&nbsp;
                            <a href="">语种识别</a>
                            <div class="rightlist" style="top:-150px;">
                                <p>人工智能</p>
                                <ul class="rightlistm">
                                    <li>
                                        <span><a href="">人脸识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">语种识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">语种识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">语种识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">人脸识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                </ul>
                                <ul class="rightlistf">
                                    <li id="sizeinit">
                                        <div>
                                            <span><img src="../imgs/faceid.png" alt=""></span>
                                        </div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="" class="red">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="">生活服务</a> 
                            <a href="">快速查询</a> &nbsp;&nbsp;
                            <a href="">医院接口</a>
                            <div class="rightlist" style="top:-200px">
                                <p>生活服务</p>
                                <ul class="rightlistm">
                                    <li>
                                        <span><a href="">快速查询</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">医院接口</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">医院接口</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">医院接口</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">快速查询</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                </ul>
                                <ul class="rightlistf">
                                    <li id="sizeinit">
                                        <div>
                                            <span><img src="../imgs/faceid.png" alt=""></span>
                                        </div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="" class="red">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="">交通地理</a> 
                            <a href="">驾驶证识别</a> &nbsp;&nbsp;
                            <a href="">违章查询</a>
                            <div class="rightlist" style="top:-250px">
                                <p>交通地理</p>
                                <ul class="rightlistm">
                                    <li>
                                        <span><a href="">驾驶证识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">违章查询</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">违章查询</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">违章查询</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">驾驶证识别</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                </ul>
                                <ul class="rightlistf">
                                    <li id="sizeinit">
                                        <div>
                                            <span><img src="../imgs/faceid.png" alt=""></span>
                                        </div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="" class="red">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="">气象水利</a> 
                            <a href="">天气预报</a> &nbsp;&nbsp;
                            <a href="">空气质量</a>
                            <div class="rightlist" style="top:-300px">
                                <p>气象水利</p>
                                <ul class="rightlistm">
                                    <li>
                                        <span><a href="">天气预报</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">空气质量</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">空气质量</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">空气质量</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                    <li>
                                        <span><a href="">天气预报</a></span><br>
                                        <span>安全、稳定、高效</span>
                                    </li>
                                </ul>
                                <ul class="rightlistf">
                                    <li id="sizeinit">
                                        <div>
                                            <span><img src="../imgs/faceid.png" alt=""></span>
                                        </div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="" class="red">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                    <li>
                                        <div><span><img src="../imgs/faceid.png" alt=""></span></div>
                                        <p>人脸、图像识别</p>
                                        <p>全功能、高效..</p>
                                        <a href="">按需</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </li>
                <li><a href="">基础软件</a></li>
                <li><a href="">网站建设</a></li>
                <li><a href="">企业应用</a></li>
                <li><a href="">专业服务</a></li>
                <li><a href="">开发工具</a></li>
            </ul>
        </div>
    </div>
        <div class="banner-wrap">
            <div class="img-wrap">
                <img class="cur" src="../img/bn1.jpg" alt="">
                <img src="../img/bn2.jpg" alt="">
                <img src="../img/bn3.jpg" alt="">
            </div>
            <div class="dot-wrap">
                <i class="dot-1 cur"></i>
                <i class="dot-2"></i>
                <i class="dot-3"></i>
            </div>
        </div>
        <div class="sort-wrap cm-index-wrap  cm-wrap cursor-fl">
            <h3>热门分类</h3>
            <ul>
                <li>
                    <div class="new_wrapdiv">
                        <div class="new_wrapleft">电子签名-签署服务</div>
                        <img src="../img/sort5.jpg" alt="">
                        <p>e签宝是全国领先的第三方电子签名平台，e签宝电子签名面向对接平台提供第三方签署和电子合同服务。e签宝电子签名符合《中华人民共和国电子签名法》，高效、便捷，且具备法律效力。</p>
                    </div>
                </li>
                <li>
                    <div class="new_wrapdiv">
                        <div class="new_wrapleft">火焰检测识别</div>
                        <img src="../img/sort6.jpg" alt="">
                        <p>画面中识别到火焰即报警。远程实时维护 支持远程监控维护，在云端及时响应各类问题，提升相应效率。硬件兼容度高支持所有使用RTSP网络协议的摄像头。</p>
                    </div>
                </li>
                <li>
                    <div class="new_wrapdiv">
                        <div class="new_wrapright">商品条码查询</div>
                        <img src="../img/sort7.jpg" alt="">
                        <p>根据条码信息，返回此条码对应商品的名称、价格、厂家、图片等资料。（已接入商品条码中心）</p>
                    </div>
                </li>
                <li>
                    <div class="new_wrapdiv">
                        <div class="new_wrapright">推荐引擎</div>
                        <img src="../img/sort8.jpg" alt="">
                        <p>推荐引擎是一款用于实时预测用户对物品偏好的数据工具，它能够帮助客户面对众多物品信息时发现令用户感兴趣的物品。</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="recommend-wrap cm-index-wrap  cm-wrap">
            <h3>热门推荐</h3>
            <ul>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>根云</h4>
                    <p>
                        提供主流的云计算、云存储和<br>
                        大数据处理能力
                    </p>
                    <em>￥500/每月</em>
                    <span>树根互联</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>营销云服务</h4>
                    <p>
                        提供渠道营销<br>
                        终端运营两大核心应用
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>采购云</h4>
                    <p>
                        友云采是企业互联网采购服务平台<br>
                        旨在帮助企业进行采购决策和高效协同
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>友空间</h4>
                    <p>
                        连接企业员工<br>
                        产业链伙伴及社会化用户
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>云MES</h4>
                    <p>
                        为客户提供便捷的现场数据接入<br>
                        和业务管理服务
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>监视云</h4>
                    <p>
                        提供了丰富的监控形式<br>
                        使生产管理人员及时掌握前面的信息
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>云通信</h4>
                    <p>
                        帮助企业和公共组织提供围绕业务场景<br>
                        个性化、场景化、自动化和可管理的云通信服务
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
                <li>
                    <img src="../img/recommend.png" alt="">
                    <h4>工程云</h4>
                    <p>
                        PM+工程云是用友在项目管理产品上<br>
                        的互联网化颠覆创新
                    </p>
                    <em>￥500/每月</em>
                    <span>用友网络科技股份有限公司</span>
                </li>
            </ul>
        </div>
        <div class="acti-wrap  cm-index-wrap  cm-wrap">
            <h3>热门活动</h3>
            <a href="#">
                <img src="../img/acti1.png" alt=""></a>
            <a href="#">
                <img src="../img/acti2.png" alt=""></a>
            <a href="#">
                <img src="../img/acti3.png" alt=""></a>
        </div>
        <div class="btm-wrap">
            <div class="btm-btm">
                Copyright:©:1994-2017 国家工业信息安全发展研究中心版权所有
            </div>
        </div>
    </div>
    <script src="../js/jquery-1.10.2.min.js"></script>
    <script>
        $(function () {
            (function () {
                var indexs = 0,
					$imgs = $(".banner-wrap .img-wrap img"),
					$dots = $(".banner-wrap .dot-wrap i");

                setInterval(function () {
                    $imgs.removeClass("cur")
                    $imgs.eq(indexs).addClass("cur");
                    $dots.removeClass("cur").eq(indexs).addClass("cur");
                    indexs = (indexs + 1) % 3;
                }, 2000)
            })();
            (function () {

            })
        })

        $(document).on("click",".cursor",function (e) {
            window.location.href="list.html";
        });

        $(document).on("click",".cursor-fl",function (e) {
            window.location.href="productinfo.html";
        });

    </script>
</body>
</html>
